// pages/geo/geo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    iconList: [{
      icon: 'shopfill',
      color: 'red',
      badge: 0,
      name: '美食'
    }, {
      icon: 'recordfill',
      color: 'orange',
      badge: 0,
      name: '风景'
    }, {
      icon: 'cartfill',
      color: 'yellow',
      badge: 0,
      name: '购物'
    }, {
      icon: 'read',
      color: 'olive',
      badge: 0,
      name: '科教'
    }, {
      icon: 'upstagefill',
      color: 'cyan',
      badge: 0,
      name: '医疗'
    }, {
      icon: 'homefill',
      color: 'blue',
      badge: 0,
      name: '住宿'
    }, {
      icon: 'discoverfill',
      color: 'purple',
      badge: 0,
      name: '发现'
    }, {
      icon: 'questionfill',
      color: 'mauve',
      badge: 0,
      name: '帮助'
    }, {
      icon: 'commandfill',
      color: 'purple',
      badge: 0,
      name: '问答'
    }, {
      icon: 'brandfill',
      color: 'mauve',
      badge: 0,
      name: '版权'
    }],
    gridCol:4,
    pois:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this
    // 1.通过用户搜索关键词获取位置信息 
    wx.request({
      url: 'https://restapi.amap.com/v3/place/text?parameters', //仅为示例，并非真实的接口地址
      data: {
        key: 'edbc4cbecb3a8e708b8e67ea23b57e3c',
        keywords: '广州市天河区天河城'
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success (res) {
        console.log(res.data.pois[0].location) // 获取用户搜索关键词的位置信息（经纬度坐标）
        // 2. 通过位置信息获取周边的POI信息
        wx.request({
          url: 'https://restapi.amap.com/v3/place/around?parameters', //仅为示例，并非真实的接口地址
          data: {
            key: 'edbc4cbecb3a8e708b8e67ea23b57e3c',
            location: res.data.pois[0].location
          },
          header: {
            'content-type': 'application/json' // 默认值
          },
          success (res) {
            console.log(res.data.pois)
            // 将通过高德API获取到的周边信息存放到页面当中
            that.setData({
              pois:res.data.pois
            })
          }
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})